.header {
    background: #fff;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    box-shadow: 0 5rpx 5rpx rgba(0,0,0,0.05);
    .search {
        width: 690rpx;
        height: 65rpx;
        background: #f8f8f8;
        border-radius: 12rpx;
        border: 1px solid rgba(209, 209, 209, 0.5);
        margin: 20rpx auto 0;
        padding: 0 25rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        image {
            width: 30rpx;
            height: 30rpx;
        }
        input {
            flex: 1;
            margin-left: 25rpx;
            font-size: 24rpx;
            color: var(--dark);
        }
    }
    .brand{
        //width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 30rpx;
        .item{
            width: 329rpx;
            height: 60rpx;
            background: #F8F8F8;
            border-radius: 12rpx;
            border: 1rpx solid rgba(209, 209, 209, 0.5);
            .picker{
                width: 100%;
                height: 100%;
                position: relative;
                text{
                    display: block;
                    color: #8B8B8B;
                    font-size: 28rpx;
                    font-weight: normal;
                    width: 329rpx;
                    height: 60rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                image{
                    width: 26rpx;
                    height: 25rpx;
                    position: absolute;
                    top:45%;
                    transform: translateY(-50%);
                    right: 20rpx;
                }
            }
        }
    }
}

.header-blank {
    height: 285rpx;
}

.total{
    background: #fff;
    padding: 32rpx;
    margin-bottom: 16rpx;
    .title{
        display: flex;
        align-items: center;
        justify-content: center;
        text{
            background: #DADADA;
            height: 1px;
            transform: scaleY(0.5);
            flex:1;
            margin-right: 10rpx;
            &:last-child{
                margin-right: 0;
                margin-left: 10rpx;
            }
        }
    }
    .data{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 50rpx 30rpx 20rpx;
        .item{
            color: #8B8B8B;
            font-size: 28rpx;
            display: flex;
            flex-direction: column;
            align-items: center;
            text{
                color: #333;
                font-size: 34rpx;
                font-weight: bold;
            }
        }
    }
}

.list {
    background: #FFFFFF;
    padding-bottom: 40rpx;
    .item {
        width: 690rpx;
        overflow: hidden;
        box-shadow: 0px 2rpx 12rpx 0px rgba(0,0,0,0.06);
        border-radius: 12rpx;
        margin: 0 auto 16rpx;
        .head{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20rpx 30rpx;
            color: #8B8B8B;
            font-size: 24rpx;
            text{
                color: #039EE2;
                font-weight: bold;
                font-size: 30rpx;
            }
        }
        .data{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 38rpx;
            .p{
                color: #8B8B8B;
                font-size: 28rpx;
                display: flex;
                flex-direction: column;
                align-items: center;
                text{
                    color: #333;
                    font-size: 34rpx;
                    font-weight: bold;
                }
            }
        }
    }
}
